@charset "utf-8";
/* CSS Document */

@font-face {
 font-family:UTM_Essendine_Caps;
 src:url('../fonts/UTM_Essendine_Caps.ttf') format('truetype');
 font-weight:normal;
 font-style:normal;
}
@font-face {
 font-family:UTM_Essendine_CapsBold;
 src:url('../fonts/UTM_Essendine_CapsBold.ttf') format('truetype');
 font-weight:bold;
 font-style:bold;
}

#testfont{font-family:UTM_Essendine_Caps; color:red; font-weight:bold}

 .clear{ clear:both}
*{ margin:0px; padding:0px}
a{ text-decoration:none}
ul,li{ list-style:none}

#bg{ width:100%; height:100%; background-color:#a1a1a1}
#mid_bg{width:1100px; margin:0px auto; box-shadow: 0px 0px 10px 5px #888; background-color:white}

#contain{ width:1000px; margin:0px auto}
#top_contain{width:1000px; height:90px;}
.logo{ float:left; width:58px; height:80px; margin-top:5px; }
.logo img{ width:58px;}
.top_contain_right{width:350px; height:90px; float:right;}
.hotline{float:left; color:#2a2a2a; font-family:Arial, Helvetica, sans-serif; font-size:10pt; float:right; margin-right:20px; margin-top:10px}
.hotline a{ color:red; font-size:10pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.login{ height:20px; float:left; font-family:font-family:UTM_Essendine_Caps; font-size:10pt; color:#2a2a2a; margin-top:7px}
.login a{ font-family:UTM_Essendine_Caps; font-size:10pt; color:#2a2a2a;}
.social{ float:right; height:30px; margin-left:5px; margin-top:2px;}
.social img{ height:30px; width:30px; float:right; margin-left:5px}
#search{ height: 35px; width:350px; line-height:35px; float:right; margin-top:5px; border:1px solid #a1a1a1; background-color:#ededed}
#search input{ width:309px; height:35px; font-family:UTM_Essendine_Caps; font-size:10pt; color:#8c8c8c; border:none; float:left; text-indent:5px; background-color:#ededed; border-right:1px solid white}
#search img{ float:left; width:40px; height:35px; }
#menu{ height:53px; width:1000px; float:left; background-image:url(../images/bg_menu.jpg); background-repeat:repeat-x; line-height:53px; margin-top:10px}
.bt_trangchu{ width:58px; height:50px; overflow:hidden; margin-top:2px; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.bt_trangchu:hover img{ margin-top:-50px}
.menu_khac{ height:50px; margin-top:2px; }
.menu_cap1{line-height:50px; float:left; font-family:UTM_Essendine_Caps; color:#2a2a2a; font-size:10pt; text-align:left; padding:0px 15px 0px 15px; text-indent:0px; position:relative}
.menu_cap1:hover{color:white; background-color:#2a2a2a; border-bottom:white 1px solid}


.menu_cap1:hover div.menu_cap2_sp{display:block}
.menu_cap2_sp{line-height:30px; display:none; position:absolute; top:52px; background-color:#2a2a2a; padding-left:15px; left:0px; width:510px; z-index:1000 }
.menu_cap3_sp{ float:left; margin-right:20px; width:150px;}
.li_cap2_sp{color:#69b200; font-weight:bold; border-bottom:1px solid #565656; width:150px;}
.li_cap3_sp{border-bottom:1px solid #565656; width:150px}

.li_cap2_vm{ border-bottom:1px solid #565656; position: relative; line-height:30px;}
.menu_cap3_vm{ position:absolute; top:0px; left:80px; padding:0px 15px 0px 15px; line-height:30px; display:none; border-bottom:1px solid #565656; width:150px}
.li_cap2_vm:hover .menu_cap3_vm{display:block; background-color:#2a2a2a; color:white}
.li_cap3_vm{ border-bottom:1px solid #565656}
.li_cap2_vm:hover{ color:#69b200}
.menu_cap2_vm{display:none; position:absolute; top:51px; left:0px; padding:0px 15px 0px 15px; width:80px; z-index:1000}
.menu_cap1:hover .menu_cap2_vm{display:block; background-color:#2a2a2a}
.tencap1{width:80px;}

.slider{width:1000px; height:350px; float:left; margin-top:20px; margin-bottom:10px}
.slider_box{width:100px; height:350px; overflow:hidden; position:relative; z-index:900; float:left}
.slider_box img{ height:600px; height:350px; float:left}
.slider_description{ position:absolute; top:0px; left:0px; height:350px; width:1000; background-image:url(../images/description_bg.png)}

.slider_box_stay{width:600px; height:350px; overflow:hidden; position:relative; z-index:900; float:left}
.slider_box_stay div.slider_description{width:600px; height:60px; margin-top:290px}
.slider_box_stay div.slider_description div.slider_tensp{width:200px;}
.slider_box_stay div.slider_description div.slider_gia{width:200px;}
.slider_tensp{ width:90px; margin:5px; color:white; font-weight:bold}
.slider_box_stay img{ height:600px; height:350px; float:left}
.slider_gia{ width:90px; color:white; margin:5px;}

.slider_box:hover{width:600px;}
.slider_box:hover div.slider_description{width:600px; height:60px; margin-top:290px}
.slider_box:hover div.slider_description div.slider_tensp{width:200px;}
.slider_box:hover div.slider_description div.slider_gia{width:200px;}
.slider_t{ width:200px; height:60px; float:left;}
.slider_xx{ width:150px; height:60px; line-height:20px; color:white; float:left; display:none}
.slider_xx ul li{ line-height:20px}
.slider_phone{ width:150px; height:60px; float:left; display:none}
.slider_phone a{color:#69b200; font-size:20pt; line-height:60px;}
.bt_dathang{ width: 100px; height:60px; background-color:#69b200; float:left; color:white; text-align:center; display:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10pt; font-weight:bold}
.bt_dathang a{ line-height:60px; text-align:center; font-size:10pt; color:white; font-weight:bold; font-family:UTM_Essendine_Caps}
.slider_box_stay div.slider_xx{display:block} 
.slider_box_stay div.slider_phone{display:block}
.slider_box_stay div.bt_dathang{display:block}

.slider_box:hover div.slider_xx{display:block} 
.slider_box:hover div.slider_phone{display:block}
.slider_box:hover div.bt_dathang{display:block}






#body_contain{ width:1000px; margin-top:10px; float:left}
.product_big_box_1{ width: 490px; height:300px; position: relative; float:left ; margin-right:20px; margin-bottom:20px}
.product_big_box_info{ position:absolute; bottom:0px; width:490px; height:60px; background-image:url(../images/description_bg.png)}
.product_big_box_2{ width: 490px; height:300px; position: relative; float:left;  margin-bottom:20px}
.product_big_box img{ width:490px; height:300px;}
.product_info{ width:490px; height:60px;}
.product_name{ width:190px; height:60px; line-height:20px; color:white; float:left; font-size:10pt; font-family:UTM_Essendine_Caps; text-indent:5px; font-weight:bold}
.product_name a{}
.product_info{ width:200px; height:60px; float:left}
.product_info ul li{ color:white; line-height:20px; font-family::UTM_Essendine_Caps}
.product_info ul li a{color:white; font-family::UTM_Essendine_Caps}
.product_info ul li.prise{color:#69b200; font-family::UTM_Essendine_Caps}
.bt_dathang1{width: 100px; height:60px; background-color:#69b200; float:left; color:white; text-align:center;font-family:UTM_Essendine_Caps; font-weight:bold}
.bt_dathang1 a{line-height:60px; text-align:center; font-size:10pt; color:white; font-weight:bold; font-family:UTM_Essendine_Caps}

/*product css*/
.product_detail_left{width:650px; float:left;}

.breadcrums{width:650px; height:40px; line-height:40px; float:left; font-size:10pt; color:#2c2c2c; font-family:Arial, Helvetica, sans-serif; background-color:#ecf3e3; text-indent:20px; margin-top:10px}
.breadcrums a{ text-decoration:none; font-size:10pt; color:#2c2c2c;}
.breacrums_stay{ font-size:10pt; color:#69b200; font-family:Arial, Helvetica, sans-serif}

.product_suminfo{width:650px; height:245px; float:left; margin-top:20px}
.product_slider{ height:245px; width:400px; float:left; position:relative}
.main_img{width:400px; height:245px; position:absolute; z-index:200}
.main_img img{width:400px; height:245px;}
.product_thum{width:400px; height:60px; position:absolute; z-index:600; bottom:0px; background-image:url(../images/description_bg.png);}
.thum{ height:30px; float:left; margin-top:15px; width:340px}
.thum img{width:50px; height:30px; float:left; border:1px solid white; margin:0px 7px}

.product_slide_cotrol_left{width:25px; height:60px; float:left; margin-left:10px}
.product_slide_cotrol_left:hover{box-shadow: 0px 0px 10px 5px #888;}
.product_slide_cotrol_left img{ height:22px; width:11px; margin-top:19px; margin-left:6px}

.product_slide_cotrol_right{ width:25px; height:60px; float:left;}
.product_slide_cotrol_right:hover{box-shadow: 0px 0px 10px 5px #888;}
.product_slide_cotrol_right img{ height:22px; width:11px; margin-top:19px; margin-left:5px}
.product_suminfo_detail{ width:250px; height:300px; float:left; }
.pro_name{ width:250px; height:40px; line-height:40px; background-color:#69b200;}
.pro_name h1{ font-family:Arial, Helvetica, sans-serif; color:white; font-size:10pt; text-transform:uppercase; text-indent:10px; font-weight:normal}
.pro_sum{ width:250px; height:60px; float:left; background-color:#ecf3e3; }
.pro_sum_left{width:170px; height:60px; line-height:20px; float:left }
.pro_sum_left ul li{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; line-height:20px; text-indent:10px; color:#83867d}
.pro_sum_left ul li a{ color:#69b200}
.pro_sum_right{width:80px; height:60px; float:left}
.pro_sum_right img{width:80px; height:60px}
.pro_descript{ width:230px; height:60px; line-height:20px; overflow:hidden; margin:13px 10px 12px 10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10pt}
.pro_order{ height:60px; width:250px; float:right; background-color:#dcfcae;}
.pro_order_left{ width:170px; height:60px; line-height:30px; float:left; text-indent:10px}
.pro_order_left ul li{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#83867d}
.pro_order_left ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:16pt; color:#ef5a22; font-weight:bold}
.pro_order_right{ width:80px; height:60px; float:left; line-height:30px; }
.bt_dathang2{width:80px; height:60px; line-height:60px; text-align:center;  background-color:#69b200;}
.bt_dathang2 a{color:#ffffff; font-family:UTM_Essendine_Caps; font-size:10pt; font-weight:bold}
.product_cook{ width:650px; float:left; margin-top:20px}
.pro_cook_header{ height:25px; width:650px; background-color:#ecf3e3; line-height:20px;}
.zoom{width:25px; height:25px; float:left; background-color:#69b200; color:white; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18pt; line-height:25px; font-weight:bold}
.zoom a{ color:white}
.pro_cook_header h2{ font-family:UTM_Essendine_Caps; font-size:10pt; line-height:25px; text-transform:uppercase;  font-weight:normal; color:#2a2a2a; text-indent:10px}
.dev{ width:650px; height:1px; background-image:url(../images/dev_bar.jpg); margin:10px 0px 20px 0px}
.pro_cook_left{ width:400px; height:250px; float:left; overflow:hidden}
.pro_cook_right{ width:250px; float:left;}
.pro_cook_repair{ width:230px; padding-left:10px;  line-height:20px; background-color:#69b200; font-family:Arial, Helvetica, sans-serif; font-size:10pt; padding-bottom:5px; color:white; padding-right:10px}
.pro_cook_detail{ width:230px; padding-left:10px; padding-right:10px; background-color:#dcfcae;  font-size:10pt; line-height:20px; font-family:Arial, Helvetica, sans-serif}
.product_source{width:650px; float:left; margin-top:20px}
.pro_cook_header h3{font-family:UTM_Essendine_Caps; font-size:10pt; line-height:25px; text-transform:uppercase;  font-weight:normal; color:#2a2a2a; text-indent:10px}
.pro_source_detail{width:650px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; line-height:20px;}
.pro_source_detail h4,h5,h6{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#69b200; margin-top:5px; margin-bottom:5px; font-weight:normal}
.comment{width:650px; margin-top:20px; float:left}
.comment_header{font-family:UTM_Essendine_Caps; font-size:10pt; line-height:25px; text-transform:uppercase;  font-weight:normal; color:#2a2a2a;}

.comment_box{ width:650px; margin-bottom:10px; background-color:#ecf3e3}
.comment_box img{ width:110px; height:110px; float:left; border:1px solid #69b200}
.comment_info{ width:530px; height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; text-indent:10pt}
.comment_info a{ color:#69b200; font-weight:bold}
.comment_day{ font-style:italic; color:#8f9190}
.comment_detail {width:480px; padding:10px 10px 10px 30px; background-image:url(../images/%27%27.jpg); background-repeat:no-repeat; float:left; margin-left:10px; height:40px; font-family:Arial, Helvetica, sans-serif; font-size:10pt}
.reply{ width:500px; height:20px; float:left; line-height:20px; float:right; text-align:right; margin-right:10px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; }
.reply a{color:#69b200}

.comment_reply{ width:650px; margin-bottom:10px; background-color:#ecf3e3}
.comment_reply img{ width:110px; height:110px; float:left; border:1px solid #69b200}
.reply_info{ width:530px; height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; text-indent:10pt}
.reply_info a{ color:#69b200; font-weight:bold}
.reply_day{ font-style:italic; color:#8f9190}
.reply_detail {width:480px; padding:10px 10px 10px 30px; background-image:url(../images/%27%27.jpg); background-repeat:no-repeat; float:left; margin-left:10px; height:40px; font-family:Arial, Helvetica, sans-serif; font-size:10pt}
.comment_reply_detail{width:480px; padding:10px 10px 10px 30px; background-image:url(../images/%27%27.jpg); background-repeat:no-repeat; float:left; margin-left:10px; height:40px; font-family:Arial, Helvetica, sans-serif; font-size:10pt}

.right_colum{width:300px; float:right}
.product_detail_right{width:300px; float:right; margin-left:50px}
.product_detail_right_header{ height:40px; width:300px; background-color:#ecf3e3; line-height:40px; font-family:UTM_Essendine_Caps; text-transform:uppercase; text-indent:10px; margin-top:10px; margin-bottom:20px}
.similar_product{ width:300px; height: 85px; float:left; margin-bottom:20px}
.similar_product img{width:140px; height:85px; border-right:1px solid white; float:left}
.similar_product_name{ width:149px; height:40px; line-height:20px; background-color:#69b200; float:left; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:10pt}
.similar_product_name a{color:white}
.similar_product_info {width:149px; padding-left:10px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-family:10pt; float:left; background-color:#ecf3e3; height:45px}
.similar_product_info ul li{ color:#83867d}
.similar_product_info ul li a{ color:#69b200}
span.prise{ color:#69b200}

/*end product css*/





/*search result css*/
.searh_result_cotain{ width:650px; float:left; margin-top:10px}
.search_header{ width:650px; height:40px; background-color:#ecf3e3; float:left; margin-bottom:20px}
.num_result{ width:400px; height:40px; text-indent:10px; line-height:40px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; float:left}
.green_text{ color:#69b200}
.bt_red{ height:40px; width:250px; ; line-height:40px; font-family:UTM_Essendine_Caps; text-transform:uppercase; font-size:10pt; color:white; float:left; background-color:#b90101; text-align:center; font-weight:bold}
.search_result_box{ width:650px; height:90px; margin-bottom:20px; float:left}
.search_result_box_left{width:150px; height:90px; float:left; border-left:1px solid white}
.search_result_box_left img{width:150px; height:90px}
.search_result_box_mid{width:350px; height:90px; float:left; background-color:#ecf3e3}
.search_result_pro_name{ width:350px; height:30px; line-height:30px; text-indent:10px; font-family:Arial, Helvetica, sans-serif; font-size:10pt}
.pro_des{width:330px; margin-left:10px; font-size:10pt; font-family:Arial, Helvetica, sans-serif; overflow:hidden; text-align:justify}
.search_result_box_right{ width:149px; text-indent:9px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10pt}
.pro_info{ background-color:#ccef9f; color:#83867d; line-height:20px}
.bt_detail{width:149px; height:30px; text-align:center; color:white; background-color:#69b200; line-height:30px;  font-family:UTM_Essendine_Caps; font-weight:bold}
.paging{width:650px; height:25px; line-height:25px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; float:left}
.paging ul li{ height:25px; float:left; margin-left:5px; border:1px solid #69b200; width:15px;; text-align:center}
.stay{ background-color:#69b200; color:white}
.other{ color:#69b200;}
.other:hover{ background-color:#ccef9f}
.group_box_img{ width:300px; height:185px;}
.group_box_img img{width:300px; height:184px;}

/*end search result css*/


/*Category css*/
.group_product{ width:700px; margin-top:20px; float:left}
.group_box{ width:300px; margin-bottom:20px; float:left; margin-right:50px}
.group_box_left{width:190px; height:80px; float:left; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; background-color:#ecf3e3; color:#83867d; text-indent:10px;}
.group_box_right{width:110px; float:left; height:80px; line-height:80px; text-align:center; color:white; font-family:#UTM_Essendine_Caps; font-size:10pt; font-weight:bold; background-color:#69b200}
.category_pro_name{ font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#69b200;}
.product_detail_left_2{width:700px; float:left}
.right_colum_2{width:300px; float:right}
.product_detail_right_2{width:300px; float:right}
/*end category css*/